<!DOCTYPE html>
<html>
    <head>
        <!-- head里放配置信息、引入其他资源文件 -->
        <meta charset="UTF-8" />
        <title>百度一下</title>
    </head>
    <body>
        <!-- 注释语句 ctrl + / -->
        <!-- 缩进：只是为了代码美观 -->
        <!-- 需掌握的概念：标签、属性 -->
        <h1>web开发与应用</h1>
        <p>web开发与应用web开发与应用web开发与应用web开发与应用</p>
        <p>1、web开发与应用</p>
        <p>2、web开发与应用</p>
        web开发与应用
        web开发与应用
        <!-- img: image -->
        <!-- <img src="https://www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png" /> -->
        <!-- <img src="http://jwgl.hebtu.edu.cn/zftal-ui-v5-1.0.2/assets/images/login_bg_pic.jpg?t=1695000343693" alt=""> -->
        <img src="s1.jpg" alt="">
        <!-- 图片地址：
            绝对路径（本机和网络） 
            相对路径
        -->
        <img src="images/s2.jpg" alt="">
        <!-- 超链接 -->
        <a href="https://www.baidu.com" >百度首页</a>
        <a href="html/test.html" target="_blank">test页面</a>
        <!-- 无序列表: unorderd list -->
        <!-- li: list item -->
        <ul>
            <li>aaa</li>
            <li>bbb</li>
        </ul>
        <!-- 有序列表：orderd list -->
        <ol>
            <li>
                <a href="">事关千万人 存量房贷今起下调热</a>
            </li>
            <li>
                <a href="">女生花7000元看周杰伦演唱会忘带票</a>
            </li>
        </ol>

        <a href="https://www.baidu.com/s?wd=%E4%BB%8A%E6%97%A5%E6%96%B0%E9%B2%9C%E4%BA%8B&tn=SE_PclogoS_8whnvm25&sa=ire_dl_gh_logo&rsv_dl=igh_logo_pcs">
            <img src="https://www.baidu.com/img/pcindex_small.png" alt="">
        </a>
        <!-- 规范 -->
        <!-- 文件名由英文字母、数字或下划线( _ ) 和 - 组成 -->
        <!-- 文件名必须由英文字母、数字或下划线_开头 -->
    </body>
</html>